<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>庭审设置</title>
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/easyui/easyui.css'}">
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/easyui/color.css'}">
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/easyui/icon.css'}">
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/form.css'}">
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/bee.css'}">
<link rel="stylesheet" type="text/css" href="@{'/public/stylesheets/tips.css'}">
<style type="text/css">
	.combo{
		margin-left:20px;
		border-radius: 0px;
		height:28px !important;
	}
	.textbox-icon{
		height:28px !important;
	}
	.textbox-text{
		vertical-align: middle !important;
	}
	.caseinput{
		margin-top:10px;
		float:left;
		width:415px;
	}
	.form-control{
		height: 16px;
		
	}
	.word{
		font-size: 18px;
		width:140px;
	}
	img{
		cursor:pointer;
	}
	.titleimg{
		float:right;
		margin-top:5px;
		cursor:pointer;
		margin-right:5px;
	}
</style>
</head>
<body class="zitifont">
	<div class="col-xs-12">
		<form method="post" id="courtFrom">
		#{authenticityToken /}
		<input type="hidden" id="courtid" name="drCourt.courtid" style="width:50%" value="${drCourt?.courtid}" />
		<input type="hidden" name="drCourt.usedRemoteurl" style="width:50%" value="${drCourt?.remoteurl}" />
		<div class="col-xs-12" style="min-height:330px">
			<div class="col-xs-12">
				<div class="col-xs-12">
					<span  style="font-size:22px;width:90px;color:#6197cc;margin-left: 10px;">法庭配置</span>
					<img src="@{'/public/images/button_add.png'}" title="添加麦克风" 
						style="margin-right: 30px;float:right" onclick="addMicro()">
				</div>
				<div style="margin-top:10px;width:400px;float:left">
					<div class="caseinput">
						<span class="word"><span style="color: red;">*</span>法庭名称</span>
						<input type="text" placeholder="法庭名称" class="form-control form-txt" name="drCourt.courtname" id="courtname" style="width:190px" value="${drCourt?.courtname}" />
					</div>
					<div class="caseinput">
						<span class="word"><span style="color: red;">*</span>首部静音(ms)</span>
						<input  type="text" placeholder="首部静音" class="form-control" name="drCourt.vadhead" id="vadhead" style="width:190px" value="${drCourt?.vadhead ==null ? 30 : drCourt?.vadhead}"   />
					</div>
					<div class="caseinput">
						<span class="word"><span style="color: red;">*</span>尾部静音(ms)</span>
						<input  type="text" placeholder="尾部静音" class="form-control" name="drCourt.vadseg" id="vadseg" style="width:190px" value="${drCourt?.vadseg == null ? 500 : drCourt?.vadseg}"  />
					</div>
					<div class="caseinput">
						<span class="word"><span style="color: red;">*</span>最大识别时间(s)</span>
						<input  type="text" placeholder="最大识别时间" class="form-control" name="drCourt.maxsecond" id="maxsecond" style="width:190px" value="${drCourt?.maxsecond == null ? 30 : drCourt?.maxsecond}"  />
					</div>
					<div class="caseinput">
						<span class="word"><span style="color: red;">*</span>状态</span>
						<select name="drCourt.status" style="margin-left: 20px;height: 28px;width: 215px">
							<option value="1" >启用</option>
							<option value="2" ${drCourt?.status == 2 ? selected : ''}>停用</option>
						</select>
					</div>
					<div class="caseinput">
						<span class="word"><span style="color: red;">*</span>声卡地址</span>
						<input  type="text" placeholder="声卡地址" class="form-control" name="drCourt.remoteurl" id="remoteurl" style="width:190px;float:left" value="${drCourt?.remoteurl}" />
						<img title="同步麦克风" src="@{'/public/images/button_scan.png'}" style="float:left" onclick="syncMicro()">
					</div>
					<!-- <img title="点击同步以获取麦克风信息" src="@{'/public/images/button_find_normal.png'}" onclick="syncMicro()" style="margin-top: 20px;margin-left: 140px;" /> -->
				</div>
				<div id="microList" style="margin-top:10px;width:420px;height:240px;float:right;overflow-y:scroll">
					#{list items:phones,as:"phone"}
						<div style="padding-top:10px">
							<input placeholder="麦克风名称" value="${phone.microname}"  type="text" class="form-control" name="microName" style="width:100px;margin-left:0px" />
							<input placeholder="麦克风地址" value="${phone.microcode}" type="text" class="form-control" name="microCode" style="width:210px;margin-left:5px" />
							<img src="@{'/public/images/button_del.png'}" title="删除麦克风" class="titleimg" onclick="delMicro(${phone_index})" id="delMi${phone_index}">
						</div>
					#{/list}
				
				</div>
			</div>
		</div>
		<div class="col-xs-6" style="float:right;margin-top:5px;">
			<!-- <input type="image" src="@{'/public/images/button_sync_normal.png'}" /> -->
			<img src="@{'/public/images/button_sync_normal.png'}" onclick="subBtn()">
			<img src="@{'/public/images/button_reset_normal.png'}" onclick="colseDlg()">
		</div>
		</form>
	</div>
</body>
<script type="text/javascript" src="@{'/public/javascripts/layout/jquery-1.8.2.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/jquery.easyui.min.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/easyui-lang-zh_CN.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/Validator.js'}"></script>
<script type="text/javascript" src="@{'/public/javascripts/layout/common.js'}"></script>
<!-- <script type="text/javascript" src="@{'/public/javascripts/layout/widget.js'}"></script> -->
<!-- <script type="text/javascript" src="@{'/public/javascripts/layout/formValidate.js'}"></script> -->
<script type="text/javascript" src="@{'/public/javascripts/DrCourtController/maintianCourt.js'}"></script>
<script type="text/javascript">
var $Path='${ctxPath}';
var delUrl="@{'/public/images/button_del.png'}";
</script>
</html>